body {
	background: #000;
}
#conversationsList .contact{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	padding: 10px 10px;

	height: 54px;
	width: 100%;

	color: #FFF;

	font-weight: bold;

	border-bottom: thin solid #222;
}
#conversationsList .contact:active {
	background: #00ADFF;
}
#conversationsList .contact .photo {
	height: 32px;
	width: 32px;
	float: left;
}
#conversationsList .contact .photo>img {
	height: 100%;
}
#conversationsList .contact .name {
}
#conversationsList .contact .phone {
	font-size: 10px;
	font-weight: normal;
}
#conversationsList .contact .preview {
	color: #ccc;
	font-size: 12px;
	font-weight: normal;

	text-overflow: ellipsis;
	white-space: nowrap;

	overflow: hidden;
}
.conversation {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;

	overflow: hidden;

	border: thin solid  black;

	background: #000;

	font-family: helvetica;
}
.conversation .message {
	position: relative;

	margin-bottom: 15px;

	width: 100%;

	word-wrap: break-word;
}
.conversation .message p {
	font-size: 14px;
}
.conversation .left-bubble, .right-bubble {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	max-width: 60%;

	padding: 5px 15px;

	border-radius: 10px;

	color: black;
}
.conversation .left-bubble {
	position: relative;
	margin-left: 10px;

	background: -webkit-linear-gradient(bottom,#FFF617,#FFFB9B);
}
.conversation .left-bubble:after {
	content: "";

	position: absolute;
	left: 20px;
	bottom: -10px;

	border-width: 10px 10px 0 0;
	border-color: #FFF617 rgba(0, 0, 0, 0);
	border-style: solid;
}
.conversation .right-bubble {
	position: relative;
	margin-left: auto;
	margin-right: 10px;

	background: -webkit-linear-gradient(bottom,#17BEFF,#2797FF);
}
.conversation .right-bubble:after {
	content: "";

	position: absolute;
	right: 20px;
	bottom: -10px;

	border-width: 10px 0 0 10px;
	border-color: #17BEFF rgba(0, 0, 0, 0);
	border-style: solid;
}
.conversation .msg-date {
	font-size: 11px;
	opacity: .5;
}
.conversation .left-bubble>.msg-date {
	color: #000;
}
.conversation .right-bubble>.msg-date {
	color: #fff;
}
#conversationsWrapper {
	height: 100%;
}
.messagesWrapper {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	padding: 15px 0;

	width: 100%;

	position: absolute;
	top: 0px;
	bottom: 80px;
}
#loginForm {
	display: none;
	padding: 10px;
	
	width: 100%;
}
#info {
	font-size: 120px;   
	font-weight: bold;
	text-align: center;
	color: rgba(255, 255, 255, 0.56);
	word-wrap: break-word;
}
/*Dynamic Header styles*/
.dynamic-header .name,
.dynamic-header .number {
	color: white;
}
.dynamic-header .name{
	font-size: 12px;
	font-weight: bold;
}
.dynamic-header .number{
	font-size: 10px;
}
.dynamic-header .photo {
	height: 30px;
	margin-top: 5px;
}
.reply-box, .reply-field-wrapper {
	overflow: hidden;
}
/*Reply box styles*/
.reply-box {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	border: thin solid #000;
	width: 100%;
	height: 80px;
	padding: 10px;
}
.reply-field-wrapper {
	height: 100%;
	background: #fff;
}
.reply-field {
	box-sizing: border-box;
	width: 100%;
	resize: none;
	height: 100%;
}
.reply-btn {
	float: right; 
	margin-left: 10px; 
	height: 100%; 
	background: #fff;
}

.splashScreen .logo-wrapper,
.splashScreen .info {
	text-align: center;

	position: absolute;

	width: 100%;

	display: block;
}
.splashScreen .logo-wrapper {
	top: 40%;
	-webkit-animation: fadeIn 1s;
}
.splashScreen .info {
	bottom: 10px;
	color: white;
	font-size: 12px;
}
.info-link {
	color: white;
}
@-webkit-keyframes fadeIn {
	from{opacity: 0;-webkit-transform:scale(0);}
	to{opacity: 1;-webkit-transform:scale(1);}
}